$(function () {
    // 图表1 
    // 1-创建一个echarts实例, 指定图表父元素
    var myChart1 = echarts.init(document.getElementById('c1'));
  
    // 2-准备图表的数据和相关设置 
    var option1 = {
      // 标题 
      title: {
        text: '2020年注册人数'
      },
      // 提示工具
      tooltip: {},
      // 图例 
      legend: {
        data: ['人数', '销量']
      },
      // x轴
      xAxis: {
        data: ["一月", "二月", "三月", "四月", "五月", "六月"]
      },
      // y轴 会根据数据智能生成 
      yAxis: {},
      // 系列：数据 
      series: [
        {
          name: '人数',
          type: 'bar', // bar  柱状图  line 线图  pie 饼图 
          data: [45, 120, 36, 70, 110, 30]
        },
        {
          name: '销量',
          type: 'line', // bar  柱状图  line 线图  pie 饼图 
          data: [145, 60, 46, 79, 87, 30]
        }
      ]
    };
  
    // 通过echarts实例 根据数据 来绘制图表
    myChart1.setOption(option1);

     // 图表2
  // 1-创建一个echarts实例, 指定图表父元素
  var myChart2 = echarts.init(document.getElementById('c2'));

  // 2-准备图表的数据和相关设置 
  var option2 = {
    tooltip: {
      trigger: 'item',
      formatter: "{a} <br/>{b}: {c} ({d}%)"
    },
    legend: {
      orient: 'vertical',
      x: 'left',
      data: ['阿迪', '耐克', '老北京布鞋', '李宁宁', '匡威']
    },
    series: [
      {
        name: '访问来源',
        type: 'pie',
        radius: ['50%', '70%'],
        avoidLabelOverlap: false,
        label: {
          normal: {
            show: false,
            position: 'center'
          },
          emphasis: {
            show: true,
            textStyle: {
              fontSize: '30',
              fontWeight: 'bold'
            }
          }
        },
        labelLine: {
          normal: {
            show: false
          }
        },
        data: [
          { value: 335, name: '阿迪' },
          { value: 310, name: '耐克' },
          { value: 234, name: '老北京布鞋' },
          { value: 135, name: '李宁宁' },
          { value: 1548, name: '匡威' }
        ]
      }
    ]
  };



  // 通过echarts实例 根据数据 来绘制图表
  myChart2.setOption(option2);
})
  